<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="learn javascript by www.liaoxuefeng.com">
    <title>{{ title }}</title>
</head>

<body>
    <header style="background-color:#ddd; padding: 20px 0;">
        {% block header %}header{% endblock %}
    </header>

    <div id="important" style="color:#cdbfe3; background-color:#6f5499; padding:30px 0; margin:-20px 0 20px 0;">
        {% block main %}main{% endblock %}
    </div>

    <footer style="background-color:#ddd; padding: 20px 0;">
        {% block footer %}footer{% endblock %}
    </footer>
</body>

</html>